<div draggable mat-dialog-title>
  <h6>{{"unbindingTitle" | translate}}</h6>
</div>
<div mat-dialog-content>
  <form [formGroup]="formGroup" class="form-container" novalidate autocomplete="off">
    <mat-grid-list cols="2" rowHeight="62px" gutterSize="15">
      <mat-grid-tile colspan="2">
        <mat-form-field>
          <input formControlName="name" matInput placeholder="{{'personName' | translate}}">
        </mat-form-field>
      </mat-grid-tile>

      <mat-grid-tile colspan="1">
        <mat-checkbox formControlName="device1" [disableRipple]="true">{{'device1' | translate}}:{{person.device1Id}}</mat-checkbox>
      </mat-grid-tile>
    </mat-grid-list>
  </form>
</div>

<div mat-dialog-actions>
  <button mat-button (click)="dialogRef.close('Close')">{{"close" | translate}}</button>
  <button mat-button (click)="submit()">{{"unbind" | translate}}</button>
</div>
